@import "~assets/var";

.container {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: auto;
}

table {
  transform: translateZ(0);
  background-color: #ffffff;
  td {
    padding: @tabel-cell-padding;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;

    width: 100px;
    height: 26px;
  }


  td.rows {
    background-color: #fff;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }

  td.cols {

    background-color: #f1f1f1;
    width: 40px;
    border-top: none;
    border-left: none;

    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
  }
}

.cross{
  position: absolute;
  height: 30px;
  width: 40px;
  left:0;
  top:0;
  height: 26px;
  background-color: #ffffff;
  z-index: 5;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
.wrapper{
  height: 100%;
  width: 100%;
  position: relative;
}
